.Broadcast {
  width: 375.33rem;
  height: 582.38rem;
  background-color: #fff;
  margin-bottom: 15rem;
  .top {
    width: 375.33rem;
    height: 34.02rem;
    color: #000000;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 10rem;
    span {
      font-size: 14rem;
      color: #222;
      font-weight: 400;
    }
    i {
      font-style: normal;
      font-size: 0.32rem;
      color: #a4a4a4;
    }
  }
  .Broadcast_con {
    .first_item {
      width: 345.31rem;
      height: 268.69rem;
      margin: 0 auto;
      margin-bottom: 0.266667rem;
      //   background-color: lightpink;
      border-radius: 0.133333rem;
      box-sizing: border-box;
      padding: 8rem;
      box-shadow: 0 5rem 10rem rgba(0, 0, 0, 0.08);

      .course_author {
        img {
          width: 17.01rem;
          height: 17.01rem;
          border-radius: 50%;
          margin-right: 8rem;
          display: inline-block;
          vertical-align: middle;
        }
      }
      b {
        color: #222;
        font-size: 0.346667rem;
        font-weight: 700;
        line-height: 0.466667rem;
      }
      .video {
        width: 325.28rem;
        height: 183.16rem;
        position: relative;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(https://img.videocc.net/uimage/8/81327783a8/1/81327783a8beb1e93e188d1d64518961_0_b.jpg);
        &::before {
          display: block;
          content: "即将播放";
          color: #fff;
          background-color: #ff3f72;
          font-size: 0.266667rem;
          border-radius: 5rem 0 0 0;
          width: 61.5rem;
          height: 18.01rem;
          text-align: center;
        }
        img {
          position: absolute;
          width: 80rem;
          height: 80rem;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
        span {
          position: absolute;
          right: 5rem;
          top: 5rem;
          background-color: #959695;
          color: #fff;
          font-size: 0.266667rem;
          border-radius: 0.053333rem;
          padding: 0 3rem;
          font-weight: 600;
        }
      }
      .first_bottom {
        height: 15.01rem;
        display: flex;
        justify-content: space-between;
        font-size: 0.266667rem;
        color: #a4a4a4;
        margin-top: 8rem;
        em {
          font-style: normal;
        }
      }
    }
    .bottom_con {
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap;
      width: 345.31rem;
      margin: 0 auto;
      .item {
        width: 167.65rem;
        height: 248.65rem;
        padding: 8rem;
        box-shadow: 0 5rem 10rem rgba(0, 0, 0, 0.08);
        .course_author {
          img {
            width: 17.01rem;
            height: 17.01rem;
            border-radius: 50%;
            margin-right: 8rem;
            display: inline-block;
            vertical-align: middle;
          }
          span {
            font-size: 12rem;
          }
        }
        b {
          color: #222;
          font-size: 13.3rem;
          font-weight: 700;
          line-height: 0.466667rem;
        }
        .img {
          width: 147.65rem;
          height: 110.59rem;
          position: relative;
          border-radius: 5rem;
          img {
            width: 100%;
            height: 100%;
            border-radius: 5rem;
          }
          span {
            position: absolute;
            right: 5rem;
            top: 5rem;
            background-color: #959695;
            color: #fff;
            font-size: 0.266667rem;
            border-radius: 0.053333rem;
            padding: 0 3rem;
            font-weight: 600;
          }
        }
      }
    }
  }
}
